﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebIllustrator.Default" %>

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tres Mapaches</title>
    <link rel="icon" href="img/icono.png" type="image/x-icon">
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/foundation-icons.css">
    <link rel="stylesheet" href="css/default.css" />
    <link rel="stylesheet" href="css/sequence.css" />
    <script src="js/vendor/modernizr.js"></script>
    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation/foundation.js"></script>
    <script src="js/foundation/foundation.tooltip.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans|Gafata' rel='stylesheet' type='text/css'>
</head>
<body>
    <%--Menú principal--%>

    <div class="row">
        <div class="small-10 small-centered columns fixed">
        </div>
    </div>
    <div class="row">
        <div class="small-12 small-centered columns contain-to-grid fixed">
            <nav class="top-bar" data-topbar>
                <ul class="title-area">
                    <li class="name">
                        <%--<h1><a id="menu_titulo" href="#">Tres Mapaches</a></h1>--%>
                        <h1><a id="menu_titulo" href="#">
                            <img src="img/logo_letras.png" alt="Tres Mapaches" height="40" /></a></h1>
                    </li>
                    <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
                </ul>

                <section class="top-bar-section">
                    <ul class="right">
                        <li><a id="menu_acerca" href="#">Acerca</a></li>
                        <li class="has-dropdown">
                            <a href="#">Servicios</a>
                            <ul class="dropdown">
                                <li><a id="menu_servicios" href="#">Intro</a></li>
                                <li><a id="menu_cotizador" href="#">Cotizador</a></li>
                                <li><a id="menu_baw" href="#">BaW</a></li>
                                <li><a id="menu_ideas" href="#">Ideas</a></li>
                                <li><a id="menu_tecnologia" href="#">Última tecnología</a></li>
                                <li><a id="menu_mobile" href="#">Dispositivos móviles</a></li>
                                <li><a id="menu_autoadmin" href="#">Autoadministrables</a></li>
                                <li><a id="menu_graficos" href="#">Gráficos vectoriales</a></li>
                            </ul>
                        </li>
                        <li><a id="menu_garantia" href="#">Garantía</a></li>
                        <li><a id="menu_contacto" href="#contacto">Contacto</a></li>
                        <li class="facebook-link-contenedor">
                            <a href="http://www.facebook.com/tresmapaches" target="_blank" style="padding: 0px;">
                                <span class="facebook-link"></span>
                            </a>
                        </li>
                    </ul>
                </section>
            </nav>
        </div>
    </div>
    <%--Inicio--%>
    <div class="row" id="inicio">
        <div class="small-10 small-centered columns">
            <img src="img/fondo_grande.png" class="logo-principal" />
        </div>
    </div>
    <%--Acerca--%>
    <div class="row" id="acerca">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Nuestra Empresa</h2>
                <p><b>TresMapaches.com.ar</b> fue creada con la misión fundamental de lograr plasmar sus ideas en algo tangible y redituable. El beneficio siempre es de ambas partes, pero solo si logramos que su negocio se beneficie y aumente en rentabilidad. Por eso nuestra empresa se destaca del resto, sus valores son nuestros valores y su necesidad es nuestro objetivo.</p>

                <div class="row">
                    <div class="small-6 columns">
                        <p class="acerca-item"><i class="fi-archive icono"></i>Servicio bosquejo a web (BaW)</p>
                        <p class="acerca-item"><i class="fi-clock icono"></i>Ideas materializadas en horas</p>
                        <p class="acerca-item"><i class="fi-graph-trend icono"></i>Lo último en tecnología WEB</p>
                    </div>
                    <div class="small-6 columns">
                        <p class="acerca-item"><i class="fi-mobile icono"></i>Sitios optimizados para móbiles</p>
                        <p class="acerca-item"><i class="fi-checkbox icono"></i>Sitios autoadministrables</p>
                        <p class="acerca-item"><i class="fi-arrows-out icono"></i>Gráficos e imágenes HD vectorizados</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Servicios--%>
    <div class="row" id="servicios">
        <div class="large-12 columns">
            <div class="panel hide-for-large-up">
                <div class="row">
                    <div class="large-4 columns">
                        <div class="row">
                            <div class="small-6 small-centered columns">
                                <img src="img/servicio-01_small.png" class="imagen-centrada" />
                            </div>
                        </div>

                        <p>Desarrollo de sitios ágiles y llamativos, con lo último de tecnología Web. Tanto el diseño como el maquetado sirven a nuestros clientes para sacar rédito de sus negocios, creando sitios que lleguen fácil y claramente al usuario final.</p>
                    </div>
                    <div class="large-4 columns">
                        <div class="row">
                            <div class="small-6 small-centered columns">
                                <img src="img/servicio-02_small.png" class="imagen-centrada" />
                            </div>
                        </div>
                        <p>Permitimos a su empresa proyectar su negocio a través de distintos materiales de promoción e imprenta. Folleteria, panfletos, logotipos, y otros objetos institucionales que su empresa necesita.</p>
                    </div>
                    <div class="large-4 columns">
                        <div class="row">
                            <div class="small-6 small-centered columns">
                                <img src="img/servicio-03_small.png" class="imagen-centrada" />
                            </div>
                        </div>
                        <p>Gráficos vectorizados en alta definición que plasman grandes ideas en diseños útiles y reusables. Desde el comienzo usted tendrá acceso total a todo componente que posee el diseno que se esta trabajando.</p>
                    </div>
                </div>
            </div>

            <div class="show-for-large-up">
                <div class="row">
                    <div class="small-4 columns" style="height: 770px;">
                        <img src="img/servicio-01.png" class="imagen-centrada" />
                        <p class="itemDescripcion">Desarrollo de sitios ágiles y llamativos, con lo último de tecnología Web. Tanto el diseño como el maquetado sirven a nuestros clientes para sacar rédito de sus negocios, creando sitios que lleguen fácil y claramente al usuario final.</p>
                    </div>
                    <div class="small-4 columns" style="height: 770px;">
                        <img src="img/servicio-02.png" class="imagen-centrada" />
                        <p class="itemDescripcion">Permitimos a su empresa proyectar su negocio a través de distintos materiales de promoción e imprenta. Folleteria, panfletos, logotipos, y otros objetos institucionales que su empresa necesita.</p>
                    </div>
                    <div class="small-4 columns" style="height: 770px;">
                        <img src="img/servicio-03.png" class="imagen-centrada" />
                        <p class="itemDescripcion">Gráficos vectorizados en alta definición que plasman grandes ideas en diseños útiles y reusables. Desde el comienzo usted tendrá acceso total a todo componente que posee el diseno que se esta trabajando.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Cotizador--%>
    <div class="row" id="cotizador">
        <div class="large-12 columns">

            <div class="panel">
                <h2>¡Genere su presupuesto!</h2>
                <p>La funcion del presupuestador es ayudarlo a tener una idea clara del costo final del producto a realizar. Para las variaciones en cantidad y la necesidad de otros servicios no dude en contactarse con nosotros.</p>
                <div id="presupuestador">
                    <div class="row">
                        <div class="small-4 columns">
                            <div class="row">
                                <div class="small-12 small-centered columns">
                                    <img src="img/DW.png" onclick="ShowDivDisenoWeb();" />
                                </div>
                            </div>
                        </div>
                        <div class="small-4 columns">
                            <div class="row">
                                <div class="small-12 small-centered columns">
                                    <img src="img/DE.png" onclick="ShowDivDisenoEmpresarial();" />
                                </div>
                            </div>
                        </div>
                        <div class="small-4 columns">
                            <div class="row">
                                <div class="small-12 small-centered columns">
                                    <img src="img/DG.png" onclick="ShowDivDisenoGrafico();" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <%--<select id="s-presu" onchange="jsFunction()">
                        <option value="op-de" selected="selected">Empresarial</option>
                        <option value="op-dg">Diseño Gráfico</option>
                        <option value="op-dw">Diseño Web</option>
                    </select>--%>
                    <section id="pre-dw">
                        <h3>Diseño Web</h3>
                        <br />

                        <div class="row">
                            <div class="large-12 columns">
                                <h4>Tipo de Web</h4>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk01" type="checkbox" value="1800" /><span data-tooltip class="has-tip" title="Bosquejo a Web">($ 1800) BaW</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk02" type="checkbox" value="600" /><span data-tooltip class="has-tip" title="No existen animaciones de ningun tipo">($ 600) Web estática</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk03" type="checkbox" value="1200" /><span data-tooltip class="has-tip" title="Se incluyen varias animaciones en toda la web">($ 1200) Web dinámica</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk04" type="checkbox" value="1200" /><span data-tooltip class="has-tip" title="Se permite al cliente administrar cierto contenido de la web, como texto e imagenes y paginas, puede ser estatica o dinamica">($ 1200) Web autoadministrable</span>
                                </div>
                                <br />
                            </div>
                        </div>
                        <div class="row">
                            <div class="large-6 columns">
                                <h4>Contenido</h4>
                                <br />

                                <div class="large-9 columns" style="padding-bottom:1em;">
                                    <input id="chk05" type="checkbox" value="30" /><span data-tooltip class="has-tip" title="Páginas que se accesan desde los diferentes menúes, la pagina principal ya se encuentra contemplada">($ 30 c/u) Páginas embebidas</span>
                                </div>
                                <div class="large-3 column">
                                    <input type="number" id="cantPag" min="1" value="1" max="100" />
                                </div>
                                <br />
                                <div class="large-12 columns"  style="padding-bottom:1em;">
                                    <input id="chk06" type="checkbox" value="60" /><span data-tooltip class="has-tip" title="Publicidad en google: basada en el monto que desea gastar el cliente">($ 60) Servicio básico de Google Ads</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk07" type="checkbox" value="60" /><span data-tooltip class="has-tip" title="Incluye el envío de correo y mapa indicativo de la ubicación de la empresa">($ 60) Formulario de Contacto</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk08" type="checkbox" value="60" /><span data-tooltip class="has-tip" title="Incorporación de contenido dinámico de Facebook, twitter, google, etc…">($ 60) Redes Sociales</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk09" type="checkbox" value="300" /><span data-tooltip class="has-tip" title="Catalogo de productos o articulos que la empresa dispone">($ 300) Catálogo de productos/ítems</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk10" type="checkbox" value="600" /><span data-tooltip class="has-tip" title="Feeds automatizado por el cliente de noticias">($ 600) Servicio de noticias</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk11" type="checkbox" value="600" /><span data-tooltip class="has-tip" title="Para uso exclusivo del cliente dentro de su web">($ 600) Registro y autenticación de usuarios</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk12" type="checkbox" value="600" /><span data-tooltip class="has-tip" title="Comentarios dentro de la web por parte de usuarios">($ 600) Servicio de Blog</span>
                                </div>
                                <br />
                            </div>
                            <div class="large-6 columns" style="padding-bottom:1em;">
                                <h4>Hosting</h4>
                                <br />

                                <div class="large-9 columns" style="padding-bottom:1em;">
                                    <input id="chk13" type="checkbox" value="10" /><span data-tooltip class="has-tip" title="Cantidad según plan contratado (nombre@tu-empresa.com.ar)">($ 10 c/u) Cuentas de correo</span>
                                </div>
                                <div class="large-3 column" style="padding-bottom:1em;">
                                    <input type="number" id="cantEmails" value="1" min="1" max="100" />
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk14" type="checkbox" value="1200" /><span data-tooltip class="has-tip" title="Creación, mantenimiento y actualización de forma anual">($ 1200) Servicio de WebHosting</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk15" type="checkbox" value="300" /><span data-tooltip class="has-tip" title="Creación, mantenimiento y actualización">($ 300) Registro dominio .com</span>
                                </div>
                                <br />
                                <div class="large-12 columns" style="padding-bottom:1em;">
                                    <input id="chk16" type="checkbox" value="100" /><span data-tooltip class="has-tip" title="Creación, mantenimiento y actualización">($ 100) Registro dominio .com.ar</span>
                                </div>
                                <br />
                            </div>
                        </div>
                    </section>
                    <section id="pre-dg" style="display: none">
                        <h3>Diseño Gráfico</h3>
                        <br />
                        <div class="large-12 columns" style="padding-bottom:1em;">
                                <input id="chk17" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Carteles, flyers o volantes, portadas CD, DVD, etc…">($ 1000) Editorial</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                                <input id="chk18" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Dipticos, trípticos, propagandas">($ 1000) Folletos</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                                <input id="chk19" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Web, escritorio, mobile">($ 1000) Interfaces</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                                <input id="chk20" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Para tiendas online, marketing, etc..., realizamos las fotografías de catálogo de tu eCommerce">($1000) Fotografia de producto</span><br />
                    </div></section>
                    <section id="pre-de" style="display: none">
                        <h3>Diseño Empresarial</h3>
                        <br />
                        <div class="large-12 columns" style="padding-bottom:1em;">
                        <input id="chk21" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Diseño y rediseño del logo de tu empresa">($ 1000) Logotipo</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                        <input id="chk22" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Dipticos, trípticos, propagandas referidos a lo que ofrezca tu empresa">($ 1000) Folletos</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                        <input id="chk23" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="El logo, las fuentes, los colores de tu empresa">($ 1000) Imagen de marca</span><br />
                        </div><div class="large-12 columns" style="padding-bottom:1em;">
                        <input id="chk24" type="checkbox" value="1000" /><span data-tooltip class="has-tip" title="Tarjetas de presentacion para tu empresa">($ 1000) Tarjetas de presentación personalizadas</span><br />
                    </div></section>

                    <div class="row show-for-large-up">
                        <div class="large-12 columns">
                            <input type="text" readonly id="t-precio-total" class="t-precio-total"/>
                            <input type="button" id="cotizar" value="Cotizar" onclick="jsCotizar()" class="button" />
                            <input type="button" id="limpiar" value="Limpiar" onclick="jsLimpiarCotizacion()" class="button secondary" />
                            <input type="button" id="enviar" value="Enviar cotizacion" onclick="jsEnviarCotizacion()" class="button" />
                        </div>
                    </div>
                    <div class="row hide-for-large-up">
                        <div class="large-12 columns">
                            <input type="text" readonly id="Text1" class="t-precio-total"/>
                            <input type="button" id="Button1" value="Cotizar" onclick="jsCotizar()" class="button expand" />
                            <input type="button" id="Button2" value="Limpiar" onclick="jsLimpiarCotizacion()" class="button secondary expand" />
                            <input type="button" id="Button3" value="Enviar cotizacion" onclick="jsEnviarCotizacion()" class="button expand" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--BAW--%>
    <div class="row" id="baw">
        <div class="large-12 columns">
            <div class="panel">
                <h2>BaW - Bosquejo a Web</h2>
                <div class="row">
                    <div class="large-6 columns">
                        <p>Le otorgamos la oportunidad a nuestros clientes de enviarnos su sitio ideal previamente diseñado por ellos, desde una hoja de papel hasta un maquetado propio desde un software, logramos generar un sitio funcional y operativo con lo último en tecnología web y el mejor desempeño, de manera de plasmar ideas conceptuales en sitios redituables.</p>
                    </div>
                    <div class="large-6 columns">
                        <img src="img/baw.png" alt="bosquejo a web" class="imagen-centrada" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Ideas--%>
    <div class="row" id="ideas">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Ideas materializadas en horas</h2>
                <div class="row">
                    <div class="large-4 columns">
                        <img src="img/ideas.png" alt="ideas en horas" class="imagen-centrada" />
                    </div>
                    <div class="large-8 columns">
                        <p>Otorgamos respuestas rápidas y cotizaciones en horas, de forma de coordinar lo antes posible con nuestro futuro cliente la creación de un sitio o un diseño puntual a generar.</p>
                        <p>No perdemos el tiempo, desde el primer contacto nos mantenemos en comunicación con nuestros clientes, de esta manera generamos un vínculo instantáneo que busca cumplir objetivos en ambas partes.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Tecnología--%>
    <div class="row" id="tecnologia">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Lo último en tecnología WEB</h2>
                <div class="row">
                    <div class="large-3 columns">
                        <img src="img/css3-html5.png" alt="css3 y html5" class="imagen-centrada" />
                    </div>
                    <div class="large-6 columns">
                        <p>Utilizamos los últimos estándares en la creación de sitios web, así también como arquitecturas y patrones de diseño que agilizan notablemente los tiempos de entrega.</p>
                        <p>A través del presupuestador podrá observar el variado contenido con el que trabajamos, su web puede ser tan simple o tan compleja como usted lo desee, siempre generando un producto que se encontrara a la vanguardia.</p>
                    </div>
                    <div class="large-3 columns">
                        <img src="img/browsers.png" alt="para todos los navegadores" class="imagen-centrada" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Mobile--%>
    <div class="row" id="mobile">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Sitios optimizados para móviles</h2>
                <div class="row">
                    <div class="large-6 columns">
                        <img src="img/mobile.png" alt="para todos los dispositivos" class="imagen-centrada" />
                    </div>
                    <div class="large-6 columns">
                        <p>Cada sitio, sea estatico o dinamico, se encontrara optimizado para todos y cada uno de los sistemas operativos mobile de la actualidad. Trabajamos con Android, iOS, Windows Phone y Blackberry.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Autoadmin--%>
    <div class="row" id="autoadmin">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Controle su sitio</h2>
                <div class="row">
                    <div class="large-3 columns">
                        <img src="img/autoadmi2.png" alt="sitios autoadministrables" class="imagen-centrada" />
                    </div>
                    <div class="large-6 columns">
                        <p>Otra de las características que puede tener su sitio es la idea de la autoadministración, usted podrá gestionar sin nuestra intervención el contenido de su sitio, cambiar textos, imágenes, y el agregado o no de nuevas paginas dentro del mismo. Con la autoadministración, usted sentirá que posee control total sobre el sitio que se le esta siendo entregado.</p>
                    </div>
                    <div class="large-3 columns">
                        <img src="img/autoadmi1.png" alt="sitios autoadministrables" class="imagen-centrada" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Graficos--%>
    <div class="row" id="graficos">
        <div class="large-12 columns">
            <div class="panel">
                <h2>Gráficos e imágenes HD vectorizados</h2>
                <div class="row">
                    <div class="large-6 columns">
                        <p>Cada diseño entregado cuenta con una resolución acorde a las necesidades del pedido, además posee todas las ventajas de los graficos vectorizados, que permiten darle un valor único e inigualable al diseño producido. Cabe destacar que las imágenes utilizadas están optimizadas para multiples dimensiones y diferentes usos.</p>
                    </div>
                    <div class="large-6 columns">
                        <img src="img/graficos.png" alt="gráficos hd" class="imagen-centrada" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--Garantía--%>
    <div class="row" id="garantia">
        <div class="large-12 columns">
            <div class="show-for-large-up">
                <div class="row">
                    <div class="large-12 columns" style="height: 620px;">
                        <img src="img/garantia-fondo.png" class="imagen-centrada" />
                        <p class="itemDescripcion-1">Somos 3 grandes profesionales que tenemos la gracia de disponer de los conocimientos funcionales y técnicos necesarios para concretar ideas, conceptos o demostraciones. Nos destacamos por nuestros estudios en varios ámbitos y nuestras ganas de brindar un servicio completo y satisfactorio a nuestros clientes. Aquí nadie pierde y se apuesta siempre a concretar ideas conceptuales en materiales con el mayor profesionalismo y manteniendo siempre el buen trato que nos caracteriza. Con su ayuda y su pedido queremos lograr que nuestra empresa empiece a sonar en los oídos de personas como usted, que se atreven a ir por mas y concretar a toda costa su emprendimiento. </p>
                        <p class="itemDescripcion-2">Con el tiempo se dará cuenta que nos parecemos bastante, pues como anteriormente se menciona sus valores son nuestros valores y su idea, nuestro objetivo. Lograremos sin ninguna duda darle un 100% de satisfacción garantizada, o por lo menos un 100% de seguridad de que lucharemos para otorgarla".</p>
                        <p class="itemDescripcion-3"><b>Los Tres Mapaches</b></p>
                    </div>
                </div>
            </div>
            <div class="panel hide-for-large-up">
                <h2>Garantía de calidad</h2>
                <p>Somos 3 grandes profesionales que tenemos la gracia de disponer de los conocimientos funcionales y técnicos necesarios para concretar ideas, conceptos o demostraciones. Nos destacamos por nuestros estudios en varios ámbitos y nuestras ganas de brindar un servicio completo y satisfactorio a nuestros clientes. Aquí nadie pierde y se apuesta siempre a concretar ideas conceptuales en materiales con el mayor profesionalismo y manteniendo siempre el buen trato que nos caracteriza. Con su ayuda y su pedido queremos lograr que nuestra empresa empiece a sonar en los oídos de personas como usted, que se atreven a ir por mas y concretar a toda costa su emprendimiento. Con el tiempo se dará cuenta que nos parecemos bastante, pues como anteriormente se menciona sus valores son nuestros valores y su idea, nuestro objetivo. Lograremos sin ninguna duda darle un 100% de satisfacción garantizada, o por lo menos un 100% de seguridad de que lucharemos para otorgarla".</p>
                <p><b>Los Tres Mapaches</b></p>
            </div>
        </div>
    </div>
    <%--Contacto--%>
    <div class="row" id="contacto">
        <div class="large-12 columns">
            <div class="panel">
                <form action="#" id="ContactForm" runat="server">
                    <div class="row">
                        <div class="large-6 columns">
                            <h2>Contacto</h2>
                            <div class="row">
                                <div class="large-12 columns">
                                    <label>
                                        Nombre:
                                    <asp:TextBox runat="server" ID="txtNombre"></asp:TextBox>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="large-12 columns">
                                    <label>
                                        Email:
                                    <asp:TextBox runat="server" ID="txtEmail"></asp:TextBox>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="large-12 columns">
                                    <label>
                                        Teléfono:
                                    <asp:TextBox runat="server" ID="txtTelefono"></asp:TextBox>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="large-12 columns">
                                    <label>
                                        Mensaje:
       
                                    <asp:TextBox Height="200px" runat="server" ID="txtMensaje" TextMode="MultiLine"></asp:TextBox>
                                    </label>
                                </div>
                            </div>
                            <div class="row show-for-large-up">
                                <div class="large-6 columns">
                                    <asp:LinkButton runat="server" ID="btnEnviar" OnClick="btnEnviar_Click"
                                        Text="Enviar" CssClass="button"></asp:LinkButton>
                                </div>
                                <div class="large-6 columns">
                                    <asp:LinkButton runat="server" ID="btnLimpiar" OnClick="btnLimpiar_Click"
                                        Text="Limpiar" CssClass="button secondary"></asp:LinkButton>
                                </div>
                            </div>
                            <div class="row hide-for-large-up">
                                <div class="small-12 columns">
                                    <asp:LinkButton runat="server" ID="btnEnviar01" OnClick="btnEnviar_Click"
                                        Text="Enviar" CssClass="button expand"></asp:LinkButton>
                                </div>
                            </div>
                            <div class="row hide-for-large-up">
                                <div class="small-12 columns">
                                    <asp:LinkButton runat="server" ID="btnLimpiar01" OnClick="btnLimpiar_Click"
                                        Text="Limpiar" CssClass="button secondary expand"></asp:LinkButton>
                                </div>
                            </div>
                        </div>
                        <div class="large-6 columns">
                            <h2>Ubiquenos</h2>
                            <div class="padBot5">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3281.6806980105625!2d-58.5789946!3d-34.66276595!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcc7b84757c59f%3A0xc669ade0e171b944!2sPerito+Moreno+2340!5e0!3m2!1ses-419!2sar!4v1393377583880" width="270" height="250" frameborder="0" style="border: 0"></iframe>
                            </div>
                            <p>
                                <span>Perito Moreno 2340,Villa Luzuriaga,<br>
                                    Buenos Aires, Argentina.</span><br>
                                <span class="space1">Telefono:</span>+54 011 4659 3004<br>
                                <span>E-mail:&nbsp;<a class="_link1" href="mailto:info@tresmapaches.com.ar">info@tresmapaches.com.ar</a></span>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="large-12 columns">
            <p id="back-top" style="display: block;"><a href="#inicio"><span></span>SUBIR!</a></p>
        </div>
    </div>

    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
        $(document).foundation();
    </script>
    <script src="js/jquery.sequence-min.js"></script>
    <script src="js/default.js"></script>
    <script src="js/html2canvas.js"></script>
    <script src="js/top.js" type="text/javascript"></script>
</body>
</html>
